<template>
  <div class="feedback">
    <form id="form">
      <input type="hidden" name="vid" value="" />

      <div class="weui-cells__title">联系方式</div>
      <div class="container weui-cells weui-cells_form">
        <div class="weui-cell">
          <div class="weui-cell__hd">
            <label for="input-mobile" class="weui-label">姓名</label>
          </div>
          <div class="weui-cell__bd">
            <input
              type="text"
              name="contactName"
              class="weui-input"
              required
              placeholder="请输入姓名"
              emptyTips=""
              notMatchTips=""
            />
          </div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__hd">
            <label for="input-mobile" class="weui-label">手机号</label>
          </div>
          <div class="weui-cell__bd">
            <input
              type="number"
              pattern="1[0-9]{10}"
              name="contactMobile"
              class="weui-input"
              required
              placeholder="请输入手机号"
              emptyTips=""
              notMatchTips="请输入正确的手机号"
            />
          </div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__hd">
            <label for="input-mobile" class="weui-label">公司名称</label>
          </div>
          <div class="weui-cell__bd">
            <input
              type="text"
              name="contactComName"
              class="weui-input"
              placeholder="请输入公司名称(可不填)"
            />
          </div>
        </div>
        <div class="weui-cell">
          <div class="weui-cell__hd">
            <label for="input-mobile" class="weui-label">所在地区</label>
          </div>
          <div class="weui-cell__bd">
            <input
              type="text"
              name="contactCity"
              class="weui-input"
              placeholder="输选择"
            />
          </div>
        </div>
      </div>

      <div class="weui-cells__title">内容</div>
      <div class="container weui-cells weui-cells_form">
        <div class="weui-cell">
          <div class="weui-cell__bd">
            <textarea
              name="contactRemark"
              required
              id="textarea-contactRemark"
              class="weui-textarea"
              placeholder="请尽量填写您的意见/意向"
              rows="3"
            ></textarea>
            <div class="weui-textarea-counter">
              <span id="contactRemarkCounter">0</span>/200
            </div>
          </div>
        </div>
      </div>
      <div class="weui-cells__title">
        温馨提示：因用户充电使用不当，包括电池老化、用不匹配的充电器、违规充电等情况，引发的安全问题由用户个人承担，公司不承担责任。
      </div>
      <div class="container weui-btn-area">
        <button type="button" class="weui-btn weui-btn_primary btn-feedback">
          提交
        </button>
      </div>
    </form>

    <div style="display: none" id="templates"></div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {},
};
</script>
<style scoped lang="less">
body {
  background: #f1f1f1;
}
.container {
  font-size: 1em;
}
.weui-cells {
  margin-top: 0.5em;
}

.container-pagetitle {
  padding: 15px;
  text-align: center;
}
.container-pagetitle:before {
  height: 0;
  display: none;
}
.desp {
  font-size: 0.8em;
  color: #666;
  margin-top: 0.5em;
}
</style>
